<template> 
  <div id="st_main">
    <el-container>
      <el-header>
        <div class="logo">
          <img src="../assets/imgs/logo.jpeg" alt="">
        </div>
        
        <el-menu
          class="el-menu-demo"
          default-active="1"
          text-color="#999"
          active-text-color="#fff"
          mode="horizontal">
          <el-menu-item index="1">用户</el-menu-item>
          <el-menu-item index="2">教学</el-menu-item>
          <el-menu-item index="3">题库</el-menu-item>
        </el-menu>
        <span class="loginOut" @click="loginOut">退出登录</span>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <el-menu
          router
          default-active="1"
          class="el-menu-vertical-demo">
          <el-menu-item index="/main/student">
            <span slot="title">学生管理</span>
          </el-menu-item>
          <el-menu-item index="/main/teacher">
            <span slot="title">讲师管理</span>
          </el-menu-item>
          <el-menu-item index="/main/helpWang">
            <span slot="title">助教管理</span>
          </el-menu-item>
        </el-menu>
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
export default {
    methods: {
        loginOut() {
        }
    }
}
</script>
<style lang="scss" scoped>
#st_main{
    height: 100%;
}
.logo{
  width: 200px;
  height: 60px;
  background-color: #fff;
  text-align: center;
  img{
    width: 30%;
  }
}
.loginOut{
    line-height: 60px;
    color: #fff;
    cursor: pointer;
}
</style>
